<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/detail.css">
    <title>商品详情</title>
</head>
<body>
<div class="head">
    <a href="index.html"><p>< &nbsp;&nbsp;蜀鱼蜀二</p></a>
    <div class="head_imgbox">
        <img src="img/linajie.png" alt="">
        <img src="img/shucang2.png" alt="">
        <img src="img/xiaoxi.png" alt="">
    </div>
</div>
<div id="content">
    <div class="top">
        <div class="top_topic">
            <h1>蜀鱼蜀二</h1>
            <p> <span class="level">★★★★★</span>3.9分（380人好评）|￥41/人</p>
        </div>
        <div class="top_img">
            <img src="img/shu1.png" alt="">
        </div>
    </div>
    <div class="bottom">
        <p><img src="img/level.png" alt="">下元商业中心川菜第5名></p>
        <p><img src="img/dingwei.png" alt="">万柏林区千峰南路千峰大厦一层移村正对面</p>
        <p><img src="img/mei.png" alt="">外卖></p>
    </div>
    <div class="quan">
        <h1>代金券</h1>
        <div class="quan_img">
            <img src="img/quan.png" alt="">
        </div>
        <p>更多一张代金券</p>
    </div>
    <div class="menu">
        <h1>堂食套餐</h1>
        <div class="menu_box">
            <div class="menu_img">
                <img src="img/shu1.png" alt="">
            </div>
            <div class="introduce">
                <h1>4人餐A</h1>
                <p>油条水果沙拉，老汤酸菜吉利魚</p>
                <p>周一至周日|免预约</p>
                <p class="price">￥76 <span class="quality">已售1132</span></p>
            </div>
        </div>
    </div>
    <div class="menu">
        <div class="menu_box">
            <div class="menu_img">
                <img src="img/shu2.png" alt="">
            </div>
            <div class="introduce">
                <h1>精品双人套餐</h1>
                <p>油条水果沙拉，老汤酸菜吉利魚</p>
                <p>周一至周日|免预约</p>
                <p class="price">￥76 <span class="quality">已售1132</span></p>
            </div>
        </div>
    </div>
    <div class="menu">
        <div class="menu_box">
            <div class="menu_img">
                <img src="img/shu3.png" alt="">
            </div>
            <div class="introduce">
                <h1>2人套餐二选一</h1>
                <p>油条水果沙拉，老汤酸菜吉利魚</p>
                <p>周一至周日|免预约</p>
                <p class="price">￥76 <span class="quality">已售1132</span></p>
            </div>
        </div>
    </div>
</div>
<script src="rem.js"></script>
<script src="index.js"></script>
</body>
</html>